<template>
  <el-upload
    action="#"
    list-type="picture-card"
    :auto-upload="false"
    disabled
    style="width: 100%; height: 100%"
  >
    <i slot="default" class="el-icon-plus"></i>
    <div class="title" v-if="title">{{ title }}</div>
  </el-upload>
</template>
<script>
export default {
  props: {
    //标题
    title: {
      type: String,
      default: null,
    },
  },
};
</script>
<style lang='less' scoped>
/deep/.el-upload {
  position: relative;
  width: 100%;
  height: 100%;
}
.title {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%,-60%);
  height: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #979797;
}
.el-icon-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
</style>